$(function () {
  // 需求1：用户退出
  let layer = layui.layer;
  $("#logout").on("click", function () {
    layer.confirm(
      "确认退出登录？",
      { icon: 3, title: "提示" },
      function (index) {
        //do something
        location.href = "/login.html";
        localStorage.removeItem("token");
        layer.close(index);
      }
    );
  });

  // 需求2 获取   渲染用户名和头像
  getUserInfo();
});

function getUserInfo() {
  axios({
    method: "GET",
    url: "/my/userinfo",
    // headers: { Authorization: localStorage.getItem("token") },
  }).then((res) => {
    // console.log(res);
    if (res.data.status !== 0) {
      return layui.layer.msg(res.data.message);
    }
    // console.log(res.data);

    // 渲染用户头像
    renderUserInfo(res.data.data);
  });
}
// 渲染函数
function renderUserInfo(user) {
  // console.log(user);
  let name = user.nickname || user.username;
  $(".welcome").html("欢迎&nbsp;&nbsp;" + name);

  if (user.user_pic == null) {
    $(".avatar-text").show().html(name[0].toUpperCase());
    $(".avatar-img").hide();
  } else {
    $(".avatar-img").show().attr("src", user.user_pic);
    $(".avatar-text").hide();
  }
}
